/*
* @Author: xurenda
* @Date:   2018-06-05 15:54:53
* @Last Modified by:   xurenda
* @Last Modified time: 2018-06-15 15:03:59
*/

html,body {
  margin: 0;
  padding: 0;
  min-width: 980px;
  height: 100%;
}
body {
  background-color: #fff;
  color: #000;
  font-size: 14px;
  font-family: "Microsoft YaHei", "Arial", "黑体", "宋体", sans-serif;
  line-height: 1.2;
}
ul, ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: 100%;
}
a {
  color: #000;
  text-decoration: none;
}
img, input {
  border: none;
  vertical-align: middle;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption, em, strong, th {
  font-style: normal;
  font-weight: normal;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #333;
  margin: 1em 0;
  padding: 0;
}
:focus {
  outline-style: none;
}
::selection {
  background-color: #b3d4fc;
  text-shadow: none;
}

/* 公共类 */
.right {
  float: right;
}
.left {
  float: left;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.text-hide {
  font-size: 0;
  line-height: 0;
  color: transparent;
  background-color: transparent;
  text-shadow: none;
  border: none;
}
.wrapper {
  width: 1200px;
  min-width: 980px;
  margin: 0 auto;
}
.v-center{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.center{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
  margin: 0 auto;	
	text-align: center;
}
.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}
.clear-fix::before,
.clear-fix::after {
  content: "";
  display: table;
}
.clear-fix::after {
  clear: both;
}

/* 页面切换 */
#wrapper {
  background-color: #333;
  perspective-origin: 10% 50%;
  perspective: 1500px;
  height: 100%;
  position: relative;
}

#menu {
  height: 30px;
  width: 30px;
  position: fixed;
  top: 50px;
  right: 50px;
  cursor: pointer;
  z-index: 998;
}

#aside {
  position: fixed;
  right: -360px;
  height: 100%;
  width: 300px;
  background-color: #fffbf0;
  transition: right .5s;
  z-index: 998;
  padding: 0 30px;
}

#aside .logo {
  text-align: center;
  font-size: 32px;
  margin: 50px 0;
}

#aside .item {
  font-size: 17px;
  padding: 20px 0;
  border-bottom: 1px solid #000;
}

#main {
  min-height: 100%;
  transition: all .5s;
  background-color: #f1f1f1;
  position: relative;
}

#main.an {
  transform: translate3d(70px, 0, -500px) rotateY(12deg);
  transform-origin: left;
  width: 115%;
  transition: all .5s;
}

#main::after {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background-color: transparent;
  transition: all .5s;
}

#main.an::after {
  background-color: rgba(0,0,0,.3);
  transition: all .5s;
}

#aside.an {
  right: 0;
  transition: right .5s;
}

#menu:hover {
  border: 1px solid #ccc;
  border-radius: 5px;
}

/* iconfont */
@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1543671631396'); /* IE9*/
  src: url('iconfont.eot?t=1543671631396#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAATEAAsAAAAAB1AAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8nUhaY21hcAAAAYAAAABWAAABhmYT0PhnbHlmAAAB2AAAAPkAAAE49iYXKmhlYWQAAALUAAAALwAAADYTcKP2aGhlYQAAAwQAAAAcAAAAJAfeA4RobXR4AAADIAAAAAwAAAAMDAAAAGxvY2EAAAMsAAAACAAAAAgAXgCcbWF4cAAAAzQAAAAfAAAAIAEZADBuYW1lAAADVAAAAUUAAAJtPlT+fXBvc3QAAAScAAAAJgAAADc37tk5eJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByeiT7LYG7438AQw9zAMAkozAiSAwDnOAxyeJztkLERgDAMA99OSMHRsgMFA1FRZ/KsERQHtkB3b51lVwIWIIlTZLAbY+hSapEn1shz/BS54W1vtXf4XDLdSrhrFH5tMY9389HWZDTb6gR/AL+hDzoAAHicY+BhYPifx3yf6S0DEwMrAwcDNwMfgyCDCIM4gxSDLIMCgzIDg6owo7gwszonozyjMLMwsyonozgYqYORKisno7k608O//144X31vwaj+78Asma6NG0/+28Yk/Pd0KOODf2wrGQP/TRJibPiXJsK47p/ZP0HGRCbdv9+OH2dhuvXXUIrp5V9FMaaTfx1tuJnZ/nIyff8r1MCU93e+IlPT3w5Hpp1/g9iZlv9N5mCa+rfswQymwD+Ny30ZgIAZTIgxxQBdLQ5yKaOiHqOJmbmiHKMIGzsONtPrf1pCEhJCjNdAJA42ExujhIoEI4jYhIXFwAAAMbZNJQAAAHicY2BkYGAA4p7WhPfx/DZfGbhZGEDghsYGfwT9P4+FgektkMvBwAQSBQAwtQp5AHicY2BkYGBu+N/AEMPCAAJAkpEBFTADAEcJAmwEAAAABAAAAAQAAAAAAAAAAF4AnHicY2BkYGBgZlBh4GEAASYg5gJCBob/YD4DAA0zAUoAeJxlj01OwzAQhV/6B6QSqqhgh+QFYgEo/RGrblhUavdddN+mTpsqiSPHrdQDcB6OwAk4AtyAO/BIJ5s2lsffvHljTwDc4Acejt8t95E9XDI7cg0XuBeuU38QbpBfhJto41W4Rf1N2MczpsJtdGF5g9e4YvaEd2EPHXwI13CNT+E69S/hBvlbuIk7/Aq30PHqwj7mXle4jUcv9sdWL5xeqeVBxaHJIpM5v4KZXu+Sha3S6pxrW8QmU4OgX0lTnWlb3VPs10PnIhVZk6oJqzpJjMqt2erQBRvn8lGvF4kehCblWGP+tsYCjnEFhSUOjDFCGGSIyujoO1Vm9K+xQ8Jee1Y9zed0WxTU/3OFAQL0z1xTurLSeTpPgT1fG1J1dCtuy56UNJFezUkSskJe1rZUQuoBNmVXjhF6XNGJPyhnSP8ACVpuyAAAAHicY2BigAAuBuyAmZGJkZmRhYElJz89ny05MTMlMY+BAQAkYAQ3AAA=') format('woff'),
  url('iconfont.ttf?t=1543671631396') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1543671631396#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:32px;
  line-height: 32px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-logo:before { content: "\e615"; }

.icon-caidan:before { content: "\e668"; }